<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <meta charset="UTF-8">
    <title>地址管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <!-- jQuery 2.2.3 -->
    <link href="lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>
    <link href="lib/css/custom/dlstyle.css" rel="stylesheet" type="text/css">
    <link href="lib/css/custom/personal.css" rel="stylesheet" type="text/css">
    <link href="lib/css/custom/addstyle.css" rel="stylesheet" type="text/css">
    <!--/*/ </th:block > /*/-->

</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">
<!--导航-->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->

<div class="center">
    <div class="col-main">
        <div class="main-wrap">

            <div class="user-address">
                <!--标题 -->
                <div class="am-cf am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">地址管理</strong> / <small>Address&nbsp;list</small></div>
                </div>
                <hr/>
                <ul class="am-avg-sm-1 am-avg-md-3 am-thumbnails">

                    <li class="user-addresslist defaultAddr">
                        <span class="new-option-r"><i class="am-icon-check-circle"></i>默认地址</span>
                        <p class="new-tit new-p-re">
                            <span class="new-txt">两个人</span>
                            <span class="new-txt-rd2">187****4286</span>
                        </p>
                        <div class="new-mu_l2a new-p-re">
                            <p class="new-mu_l2cw">
                                <span class="title">地址：</span>
                                <span class="province">河南</span>省
                                <span class="city">南阳</span>市
                                <span class="dist">宛城</span>区
                                <span class="street">长江路80号(南阳理工学院)</span></p>
                        </div>
                        <div class="new-addr-btn">
                            <a href="javascript:void(0)"><i class="am-icon-edit"></i>编辑</a>
                            <span class="new-addr-bar">|</span>
                            <a href="javascript:void(0);" onclick="delClick(this);"><i class="am-icon-trash"></i>删除</a>
                        </div>
                    </li>

                    <li class="user-addresslist">
                        <span class="new-option-r"><i class="am-icon-check-circle"></i>设为默认</span>
                        <p class="new-tit new-p-re">
                            <span class="new-txt">两个人</span>
                            <span class="new-txt-rd2">187****4286</span>
                        </p>
                        <div class="new-mu_l2a new-p-re">
                            <p class="new-mu_l2cw">
                                <span class="title">地址：</span>
                                <span class="city">北京</span>市
                                <span class="dist">朝阳区</span>区
                                <span class="street">马泉营村(大红门公寓)</span></p>
                        </div>
                        <div class="new-addr-btn">
                            <a href="javascript:void(0)"><i class="am-icon-edit"></i>编辑</a>
                            <span class="new-addr-bar">|</span>
                            <a href="javascript:void(0);" onclick="delClick(this);"><i class="am-icon-trash"></i>删除</a>
                        </div>
                    </li>
                    <li class="user-addresslist">
                        <span class="new-option-r"><i class="am-icon-check-circle"></i>设为默认</span>
                        <p class="new-tit new-p-re">
                            <span class="new-txt">两个人</span>
                            <span class="new-txt-rd2">187****4286</span>
                        </p>
                        <div class="new-mu_l2a new-p-re">
                            <p class="new-mu_l2cw">
                                <span class="title">地址：</span>
                                <span class="province">河南省</span>省
                                <span class="city">周口市</span>市
                                <span class="dist">川汇区</span>区
                                <span class="street">李埠口乡</span></p>
                        </div>
                        <div class="new-addr-btn">
                            <a href="javascript:void(0)"><i class="am-icon-edit"></i>编辑</a>
                            <span class="new-addr-bar">|</span>
                            <a href="javascript:void(0);" onclick="delClick(this);"><i class="am-icon-trash"></i>删除</a>
                        </div>
                    </li>
                </ul>
                <div class="clear"></div>
                <a class="new-abtn-type" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0}">添加新地址</a>
                <!--例子-->
                <div class="am-modal am-modal-no-btn" id="doc-modal-1">

                    <div class="add-dress">

                        <!--标题 -->
                        <div class="am-cf am-padding">
                            <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">新增地址</strong> / <small>Add&nbsp;address</small></div>
                        </div>
                        <hr/>

                        <div class="am-u-md-12 am-u-lg-8" style="margin-top: 20px;">
                            <form class="am-form am-form-horizontal">

                                <div class="am-form-group">
                                    <label for="user-name" class="am-form-label">收货人</label>
                                    <div class="am-form-content">
                                        <input type="text" id="user-name" placeholder="收货人">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-phone" class="am-form-label">手机号码</label>
                                    <div class="am-form-content">
                                        <input id="user-phone" placeholder="手机号必填" type="email">
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-address" class="am-form-label">所在地</label>
                                    <div class="am-form-content address">
                                        <select data-am-selected>
                                            <option value="a">浙江省</option>
                                            <option value="b" selected>湖北省</option>
                                        </select>
                                        <select data-am-selected>
                                            <option value="a">温州市</option>
                                            <option value="b" selected>武汉市</option>
                                        </select>
                                        <select data-am-selected>
                                            <option value="a">瑞安区</option>
                                            <option value="b" selected>洪山区</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-intro" class="am-form-label">详细地址</label>
                                    <div class="am-form-content">
                                        <textarea class="" rows="3" id="user-intro" placeholder="输入详细地址"></textarea>
                                        <small>100字以内写出你的详细地址...</small>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <a class="am-btn am-btn-danger">保存</a>
                                        <a href="javascript: void(0)" class="am-close am-btn am-btn-danger" data-am-modal-close>取消</a>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>

                </div>

            </div>

            <script type="text/javascript">
                $(document).ready(function() {
                    $(".new-option-r").click(function() {
                        $(this).parent('.user-addresslist').addClass("defaultAddr").siblings().removeClass("defaultAddr");
                    });

                    var $ww = $(window).width();
                    if($ww>640) {
                        $("#doc-modal-1").removeClass("am-modal am-modal-no-btn")
                    }

                })
            </script>

            <div class="clear"></div>

        </div>
        <!--底部-->
        <div style="margin-top: 300px;"></div>
    </div>

    <aside class="menu" style="margin-left:auto;margin-top: 10px;">
        <ul style="margin-top: -10px;margin-left: -10px;">
            <li class="person active">
                <a href="user/index">个人中心</a>
            </li>
            <li class="person">
                <a href="javascript:void(0)">个人资料</a>
                <ul>
                    <li><a href="user/information">个人信息</a></li>
                    <li><a href="user/safety">安全设置</a></li>
                    <li><a href="user/address">收货地址</a></li>
                </ul>
            </li>
            <li class="person">
                <a href="javascript:void (0)">我的交易</a>
                <ul>
                    <li><a href="user/order">订单管理</a></li>
                    <li><a href="user/change">退款售后</a></li>
                </ul>
            </li>
            <li class="person">
                <a href="javascript:void(0)">我的资产</a>
                <ul>
                    <li><a href="user/coupon">优惠券 </a></li>
                    <li><a href="user/bonus">红包</a></li>
                    <li><a href="user/bill">账单明细</a></li>
                </ul>
            </li>
            <li class="person">
                <a href="javascript:void(0)">我的小窝</a>
                <ul>
                    <li><a href="user/collection">收藏</a></li>
                    <li><a href="user/foot">足迹</a></li>
                    <li><a href="user/comment">评价</a></li>
                    <li><a href="user/news">消息</a></li>
                </ul>
            </li>
        </ul>

    </aside>
</div>

<!--/*/ </th:block>  /*/-->

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script src="lib/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
<!--/*/ </th:block>  /*/-->
</body>
</html>
